<template>
	<view class="u-demo-block">
		<view class="u-demo-block__content">
			<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
			<!-- #ifndef APP-NVUE -->
			<u-input placeholder="请输入账号" v-model="user">
			<!-- #endif -->
				<u--text
					slot="prefix"
					type="tips"
				></u--text>
			<!-- #ifndef APP-NVUE -->
			</u-input>
			<!-- #endif -->
		</view>
		<view
			class="u-demo-block__content"
			style="margin-top: 15px;"
		>
			<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
			<!-- #ifndef APP-NVUE -->
			<u-input placeholder="输入验证码" v-model="code">
			<!-- #endif -->
				<template slot="suffix">
					<u-code
						ref="uCode"
						@change="codeChange"
						seconds="20"
						changeText="X秒重新获取哈哈哈"
					></u-code>
					<u-button
						@tap="getCode"
						:text="tips"
						type="success"
						size="mini"
					></u-button>
				</template>
			<!-- #ifndef APP-NVUE -->
			</u-input>
			<!-- #endif -->
			<!-- #ifdef APP-NVUE -->
			</u--input>
			<!-- #endif -->
		</view>
		 <button type="primary" plain @click="check">下一步</button>
	</view>
</template>

<script>
  export default {
    data() {
      return {
		user:'',
        tips: '',
        value: '',
		code:'',
		email:''
      }
    },
    watch: {
      value(newValue, oldValue) {
      }
    },
    methods: {
      codeChange(text) {
        this.tips = text;
      },
      getCode() {
		console.log("点我",this.user);
		uni.showToast({
			duration: 1500,
			title: '正在发送',
			icon: 'loading',
			success: () => {
				setTimeout( ()=>{
					uni.request({
						url:"http://localhost:5267/findpwd/"+this.user,
						success:(res)=> {
							console.log("邮件发送成功",res);
							this.email = res.data.data
							uni.hideToast();
						}
					})
				},500)
			}
		})
      },
      change(e) {
        console.log('change', e);
      },
	  check(){
		  uni.request({
		  	url:"http://localhost:5267/findpwd/"+this.email+"/"+this.code,
			method:"POST",
			success:(res)=> {
				if(res.data.code==200){
					uni.navigateTo({
						url:"resetpwd?user="+this.user
					})
				}else{
					uni.showToast({
						title:"验证码有误"
					})
				}
			}
		  })
	  }
    }
  }
</script>